// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import bootstrap from './assets/dist/css/bootstrap.min.css'
import axios from 'axios'
Vue.prototype.$axios = axios
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>',
  bootstrap
})
// router.beforeEach 注册一个全局前置守卫
// router.beforeEach((to, from, next) => {
//   //to: Route: 即将要进入的目标 路由对象
//   console.log(to)
//    // from: Route: 当前导航正要离开的路由
//   console.log(from)
//   console.log('全局前置守卫beforeEach')
//   //next: Function: 一定要调用该方法来 resolve 这个钩子。
//   // next(false): 中断当前的导航 URL 地址会重置到 from 路由对应的地址
//   //next(false)
//   // 跳转被终止 from变为undefined
//   //next({path:'/updateForm'})
//   next()
// })
// //全局解析守卫
// //和 router.beforeEach 类似,区别是在导航被确认之前，同时在所有组件内守卫和异步路由组件被解析之后，解析守卫就被调用。
// router.beforeResolve((to,from,next) =>{
//   console.log(to)
//   console.log(from)
//   console.log('全局解析守卫beforeResolve')
//  next()
// })
// //全局后置钩子
// router.afterEach((to, from) => {
//   console.log(to)
//   console.log(from)
//   console.log('全局后置钩子afterEach')
// })